/**
 * @description 论坛列表页面
 */

import React, { useEffect, useState } from "react"

import AbPagination from '@/PageCompnents/Pagination'
import CategoryList from "../Category"
import ListSearch from "../List/Components/ListSearch"
import GoodListEntry from "@/views/2025/Front/PageWrapper/Components/GoodList"

function ForumlistPage({ forumlist, paginationBase }) {


  return (

    <div className="forumlist">

      {/* 分类 */}
      <CategoryList limit={forumlist.category.base.limit} />

      {/* 搜索 */}
      <ListSearch base={forumlist.search.base} className='forumsearch' />


      {/* 列表 */}
      <div className="forumlistlist">
        {/* 商品展示。 根据不同type渲染不同样式的组件 */}
        <GoodListEntry base={forumlist.forumlistlist.base} />
      </div>

      {/* 分页 */}
      <AbPagination paginationBase={paginationBase} />

    </div >
  )
}

export default React.memo(ForumlistPage)